table {
  border-collapse: collapse;
  font-size: 0.9em;
  text-align: left;
  width: 100%;

  a {
    color: inherit;
    text-decoration: none;
  }
}

thead {
  font-weight: $bold-font-weight;
}

tr {
  border-bottom: $base-border;
}

tbody tr {
  &:hover {
    background-color: $base-background-color;
    cursor: pointer;
  }

  &:focus {
    outline: $focus-outline;
    outline-offset: -($focus-outline-width);
  }
}

td,
th {
  font-feature-settings: "kern", "liga", "clig", "calt", "lnum", "tnum";
  font-kerning: normal;
  font-variant-ligatures: common-ligatures, contextual;
  font-variant-numeric: lining-nums, tabular-nums;
  padding: 0.75rem;
  vertical-align: middle;
}

td:first-child,
th:first-child {
  padding-left: 2rem;
}

td:last-child,
th:last-child {
  padding-right: 2rem;
}

td img {
  max-height: 2rem;
}
